<template>
	<div class="mainContainer">
		<div class="shop-content">
			<img src="../../assets/image/blue0913/3-3.png" class="backimage" />
			<el-button type="text">预览</el-button>
			<el-button type="text">购买</el-button>
		</div>

		<div class="shop-content">
			<img src="../../assets/image/red0913/3-4.png" class="backimage" />
			<el-button type="text">预览</el-button>
			<el-button type="text">购买</el-button>
		</div>
	</div>

</template>
<script>
</script>
<style scoped>
	.mainContainer {
		height: 100vh;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.shop-content {
		height: 250px;
		width: 150px;
		margin-bottom: 50px;
		margin-left: 50px;

	}

	.backimage {
		height: 150px;
		width: 150pxpx;
		background: #d3dce6;
	}

	.el-button {
		width: 70px;
		height: 35px;
		color: #4c4c4c;
		border: 1px solid #4c4c4c;
		font-size: 11px;
	}

	.el-button:hover {
		color: #ffffff;
		border: 1px solid #999999;
		color: gray;
	}

	.el-button:focus {
		color: #ffffff;
		border: 1px solid #b3b3b3;
		color: gray;
	}
</style>
